<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/demo.css"/>
</head>
<body>
<div id="header">
    <span><img src="img/image1.png" alt=""/></span>
    <span><img src="img/image1.png" alt=""/></span>
    <span><img src="img/image1.png" alt=""/></span>
    <span><img src="img/img1.png" alt=""/></span>
</div>
<div id="banner">
    <input type="text" placeholder="搜索地点、公交车、路线"/>
    <img src="img/button.png" alt=""/>
</div>
<div id="main">
    <p id="title1">生活服务</p>
    <div id="inner1">
        <img src="img/图片1_03.gif" alt=""/>
        <img src="img/图片1_05.gif" alt=""/>
        <img src="img/图片1_07.gif" alt=""/>
        <img src="img/图片1_09.gif" alt=""/>
        <span>找美食</span>
        <span>找美食</span>
        <span>找美食</span>
        <span>找美食</span>
        <img src="img/图片1_15.gif" alt=""/>
        <img src="img/图片1_16.gif" alt=""/>
        <img src="img/图片1_17.gif" alt=""/>
        <img src="img/图片1_18.gif" alt=""/>
        <span>找美食</span>
        <span>找美食</span>
        <span>找美食</span>
        <span>找美食</span>
    </div>
    <p id="title2">出行服务</p>
    <div id="inner2">
        <img src="img/img00.gif" alt=""/>
        <img src="img/img000.gif" alt=""/>
        <img src="img/img1.png" alt=""/>
        <img src="img/img11.gif" alt=""/>
        <img src="img/img22.gif" alt=""/>
        <span>地铁图</span>
        <span>地铁图</span>
        <span>地铁图</span>
        <span>地铁图</span>
        <span>更多</span>
    </div>
    <p id="title3">热门推荐</p>
    <div id="inner3">
        <p><img src="img/image4.png" alt=""/></p>
        <p><img src="img/image5.png" alt=""/></p>
        <p><img src="img/image6.png" alt=""/></p>
    </div>
</div>
<div id="footer">
    <img src="img/image7.png" alt=""/>
    <img src="img/image8.png" alt=""/>
</div>
</body>
</html>